@import 'origin.less';
@import 'fnList.less';

header{
    .width();
    height:0.44rem;
    padding:0.2rem;
    background:rgba(20,72,174,1);
    font-size:0.15rem;
    .flex();
    justify-content: space-between;
    align-items:center;
    .title-return{
        width:0.09rem;
        height:0.17rem;
        background:url('../images/icon/return.png') no-repeat;
        background-size:100%;
    }
    .title-content{
        width:0.6rem;
        white-space: nowrap;
        font-size:0.16rem;
        font-family:SourceHanSansCN;
        font-weight:400;
        color:rgba(255,255,255,1);
        margin-left:0.5rem;
    }
   a{
        color:#fff;
    }
}

section{
    .myinfo-sec-top{
        .width();
        margin-top:-2px;
        position: relative;
        .bg-blue{
            .width();
            height:0.61rem;
            background:rgba(20,72,174,1);
        }
        .bg-grey{
            .width();
            height:2.05rem;
            background:#f6f8f8;
            padding-top:0.57rem;
            text-align:center;
            p:nth-of-type(1){
                color:rgb(123, 137, 156);
                font-size:0.19rem;
            }
            p:nth-of-type(2){
                color:rgba(169,170,173,1);
                font-size:0.14rem;
                margin-bottom:0.31rem;
            }
            ul{
                .width();
                display:flex;
                justify-content: space-between;
                align-items:center;
                li{
                    width:50%;
                    height:0.55rem;
                    p{
                        font-size:0.14rem;
                        .bigprice{
                            font-size:0.3rem;
                        }
                    }
                }
                li:nth-of-type(1){
                    border-right:1px dashed lightgrey;
                }
            }
        }
        .head-icon{
            width:0.85rem;
            height:0.85rem;
            background:rgba(224,226,231,1) url('../images/icon/person.png') center center no-repeat;
            background-size:65%;
            border:2px solid rgba(255, 255, 255, 1);
            border-radius:50%;
            position: absolute;
            top:0.22rem;
            left:50%;
            transform: translate(-50%);
            z-index:99;
            a{
                display:block;
                width:100%;
                height:100%;
            }
        }
        .orange-camera{
            width:0.37rem;
            height:0.37rem;
            background:rgba(242,164,16,1) url(../images/icon/camera.png) center center no-repeat;
            background-size:65%;
            border-radius:50%;
            position: absolute;
            top:0.66rem;
            left:58%;
            transform: translate(-50%);
            z-index:100;
        }
    }
    .myinfo-sec-mian{
        font-size:0.14rem;
        padding:0.3rem 0;
        ul{
            display:flex;
            // margin-bottom:0.36rem;
            li{
                a{
                    display: block;
                    color:gray;
                }
                text-align:center;
                width:25%;
            }
        }
    }
    .myinfo-sec-bottom{
        margin-bottom:0.55rem;
        padding:0 0.3rem;
        font-size:0.14rem;
        ul{
            li{
                width:100%;
                height:0.5rem;
                display:flex;
                justify-content: space-between;
                p{
                    display:flex;
                    align-items:center;
                    img{
                        margin-right:0.12rem;
                    }
                }
                .arrow{
                    width:0.16rem;
                    height:0.27rem;
                    background:url("../images/icon/arrow_03.png") no-repeat;
                    background-size:100%;
                }
            }
        }
    }
}

footer{
    .width();
    .flexible(50,height);
    .flexible(11,font-size);
    .box-sizing();
    .padding-space(8,24);
    background:#ededed;
    .position-footer();
    ul{
        .flex();
        .flex-justify();
        .flex-align();
        li{
            a{
                .block();
                .textalign();
                .color(#666);
                span{
                    .block();
                    .flexible(26,width);
                    .flexible(23,height);
                    .margin(0);
                }
                .img-index{
                    background: url("../images/icon/footer_0322_05.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-search{
                    background: url("../images/icon/footer_0322_06.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-history-active{
                    background: url("../images/icon/footer_0322_07.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-myinfo{
                    background: url("../images/icon/footer_0322_04.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                p{
                    .letter-spacing(2);
                }
            }
            .myinfo{
                p{
                    .color(#1448AE);
                }
            }
        }
    }
}
